@import 'css/mixins.scss';
@import 'css/config.scss';

.Preloader {
    z-index: 888;
    @extend %fsr;
    background: #ffffff;

    // Fullscreen

    // .cen{
    // 	@include rect(120px, 1px);
    // 	transform-origin: 100% 0%;
    // 	transform:scale(1.1, 1);
    // }

    .cen {
        position: absolute;
        top: 0;
        width: 100%;
        height: 1px;
        transform-origin: 100% 0%;
        transform: scale(1.1, 1);
    }

    .bar {
        position: relative;
        // background: #ff0000;
        width: 100%;
        height: 1px;
    }
    .progress {
        width: 100%;
        height: 1px;
        background: $black;
        transform-origin: left;
        transform: scaleX(0);
    }
}

// Resize break points

// Medium desktop + iPad Pro 12.9"
@media screen and ($breakPoint1) {
}

// Small Desktop
@media screen and ($breakPoint2) {
}

// iPad 9.7" + 10.5" horizontal
@media screen and ($breakPoint3) {
}

// iPad 9.7" + 10.5" vertical
@media screen and ($breakPoint4) {
}

// iPhone vertical
@media screen and ($breakPoint5) {
}

// iPhone horizontal
@media screen and (max-height: 450px) and (orientation: landscape) {
}
